
<section id="content">
  <section class="vbox" style="height: 2000px">
    <section class="scrollable padder">
      <div class="m-b-md">
        <h3 class="m-b-none"></h3>
      </div>
      <div class="row">
        <div class="col-sm-12 padder-md">
          <form  (ngSubmit)="onSubmit()" #addProjectForm="ngForm" data-validate="parsley">
            <section class="panel panel-default" style="height: 3000px;">
              <header class="panel-heading">
                <span class="h4">项目 发布 </span>
              </header>
              <div class="panel-body">
                <p class="text-muted">请完善下面信息</p>
                <div class="form-group">
                  <label>项目名称</label>
                  <input type="text" class="form-control" required
                         [(ngModel)]="project.title" name="title"
                         #title="ngModel">
                  <div [hidden]="title.valid || title.pristine"
                       class="alert alert-danger">
                      请输入项目名称
                  </div>
                </div>
                <div class="form-group">
                  <label>项目分类</label>
                  <input type="hidden" class="form-control" id="categoryId"
                         value=""
                         [(ngModel)]="project.category.id" name="categoryId"
                         #categoryId="ngModel">

                  <input type="text" class="form-control" id="categoryName"
                         value="1"
                         (click)="onClickMe()"
                         [(ngModel)]="project.category.name" name="categoryName"
                         readonly
                         #categoryName="ngModel">
                </div>

                <div class="form-group">
                  <label>项目描述</label>
                  <input type="text" class="form-control"  data-required="true"
                         [(ngModel)]="project.description" name="description"
                         #description="ngModel"
                  >
                </div>

                <div class="form-group">
                  <label>项目公开性</label>
                  <div class="radio i-checks">
                    <label>
                      <input type="radio"
                             [(ngModel)]="project.isOpenItem" name="isOpenItem"
                             #isOpenItem="ngModel"
                             value="0"  checked checked = "checked" >
                      <i></i>
                      公开项目 仅项目成员可以查看和编辑该项目
                    </label>
                  </div>
                  <div class="radio i-checks">
                    <label>
                      <input type="radio"  value="1"
                             [(ngModel)]="project.isOpenItem" name="isOpenItem"
                             #isOpenItem="ngModel"
                      >
                      <i></i>
                      私有项目 仅项目成员可以通过链接查看该项目，编辑该项目
                    </label>
                  </div>
                </div>
                <div class="form-group">
                  <div class="checkbox i-checks">
                    <label>
                      <input type="checkbox"
                             [(ngModel)]="agreeSelected"
                             id="checkboxID"  name="check" checked data-required="true"
                      ><i></i> 同意版权声明 <p>用户不得侵犯包括他人的著作权在内的知识产权以及其他合法权利，请勿在未经授权的情况下转载任何涉及著作权侵权的经验，
                      除非完全由您个人创作。由于用户发布的相关内容引起的任何知识产权纠纷或其他法律纠纷，
                      其责任在于用户本人，与本网站无关。点击发布即表示您确认该经验不违反国家相关法律法规及经验协议，
                      并且您拥有该经验的合法、完整的版权或者合法、完整的转载授权。</p>
                    </label>
                  </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>
                <div class="form-group text-right">

                  <button type="reset" class="btn btn-default">取消</button>
                  <button type="submit" class="btn btn-primary"

                        >保存</button>
                  <!--[disabled]="!addProjectForm.form.valid"-->
                </div>
              </div>
              <footer class="panel-footer text-right bg-light lter">

              </footer>
            </section>
          </form>
        </div>
      </div>
    </section>
  </section>
  <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
</section>
<div id="box">

  <ul class="tree-list">
    <li *ngFor="let t of tree;index as i;first as isFirst">
      <span class="one" *ngIf="t.lev==1"> {{t.name}}</span>
      <span class="two" *ngIf="t.lev==2">{{t.name}}</span>
      <span class="three" *ngIf="t.lev==3"><input type="radio" id="category-id" value="{{t.name}},{{t.id}}" name="category-info"/>{{t.name}}</span>
    </li>

  </ul>
</div>
